$('#login_button').click(function(){
    //数据验证
    // 账号验证
    //是否为空
    // console.log("1");
    if($('[name="username"]').val().trim()===''){
        layer.msg("账号不能为空",{
          icon:2,
          time:1000
        })
        return false;
    }
    //输入是否正确
     var reg=/^[a-zA-Z]\w{4,9}$/;
    if(!reg.test($('[name="username"]').val().trim())){
      layer.msg("用户名必须字母开头，由字母、数字、下划线组成，5~10位",{
        icon:2,
        time:1000
      })
      return false;
    }
    //密码验证
    // 是否为空
    if($('[name="password"]').val().trim()===""){
      layer.msg('密码不能为空',{
        icon:2,
        time:1000
      })
      return false;
    }
     // 密码规则：6~16位，由字母、数字组成，必须包含字母和数字
     var reg = /^[a-zA-Z0-9]{6,16}$/
    if(!reg.test($('[name="password"]').val().trim())){
        layer.msg('6~16位，由字母、数字组成，必须包含字母和数字',{
            icon:2,
            time:1000
        })
        return false
    }
     // 是否同时包含了字母和数字
     var word_reg = /[a-zA-Z]+/;
    var number_reg = /\d+/;
    if(!word_reg.test($('[name="password"]').val()) || !number_reg.test($('[name="password"]').val())){
        layer.msg('6~16位，由字母、数字组成，必须包含字母和数字',{
            icon:2,
            time:1000
        })
        return false
    }
      // 确认密码
      if($('[name="repass"]').val() !== $('[name="password"]').val()){
        layer.msg('两次密码不一致',{
            icon:2,
            time:1000
        })
        return false
    }
     // 协议
     if(!$('[name="agree"]').prop('checked')){
        layer.msg('请先同意协议',{
            icon:2,
            time:1000
        })
        return false;
    }
    // console.log($('form').serialize())
    $('[type="submit"]').prop('disabled',true)
   // ajax之前先加载层
   var loadindex = layer.load(0, {shade: [0.8,'#000']});
    // 发送ajax
     $.ajax({
       url:'./server/regist.php',
       data:$('form').serialize(),
       method:'post',
       dataType:'json',
       success:function(res){
         var {meta:{status,msg},data}=res;
         layer.close(loadindex);
         if(status===0){
           layer.msg(msg,{
             icon:1,
             time:1500
           })
           location.href="./login.html";
         }else{
           layer.msg(msg,{
             icon:2,
             time:1500
           })
           $('[type="submit"]').prop('disabled',false);
           return false;
         }
       }
     })
    return false;
  })